<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="../images/tubiao.jpg">
    <link rel="stylesheet" href="../css/xiangqing.css">
    <title>商品信息</title>
    <script src="http://mockjs.com/dist/mock.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="../js/tuijianzhishu.js" type="text/javascript"></script>
    <script src="../js/shouc.js" type="text/javascript"> </script>
</head>
<body>
<!-- header-->
<header id="pageHeader">
    <div class="header-left">
        <div class="dlzc">
          <em>礼佳欢迎您！请<a href="denglu.html" target="_blank">登录/注册</a></em>
        </div>   
        <table class="header-right">
            <th>
              <a href="dingdan.html"  target="_blank">我的订单</a>
            </th>

            <th>
            <a href="#" target="_blank">购物车</a>
            </th>

            <th>
            <a href="#" target="_blank">客服服务</a>
            </th>

            <th>
            <a href="#" target="_blank">用户中心</a>
            </th> 

         </table>
     </div>

    <div id="header-l2">
      <img src="../images/tubiao.jpg" alt="礼物" width="120" height="90" />
     <pre><p  id="fww">CALUOLA<sup>R</sup>卡罗莱乔
    滕专卖店</p></pre>
    <pre><p id="fw"><span>描述服务流</span>
       4.8&#8593; 4.8&#8595; 4.8&#8595; </p></pre>
    
    <form method="post" action="#" id="header-c">
      <input autocomplete="on" type="text" placeholder="请输入要搜索的关键词..." class="ssk" name="name" id="name"/>
      <input type="button" name="button" id="button" class="ss" value="搜 索"/>
    </form>
</div>
</header>
<!-- div -->
<div id="siteAds">
    <hr />   
    <div id="sp"><img src="../images/5HX931$$LQAUB47F4_L_4QL.png" alt="" height="80px"></div>
    <hr />  
</div>

<!-- nav -->
<nav id="mainNav">
        <video width="360" height="330" src="../images/VID_20210718_215708.mp4"
        preload="metadata" loop controls poster="../images/N8@5]}MODZ{P57D)6B]6CPW.jpg"  muted >
            Video cannot be displayed
        </video>
        <input type="button" onclick="shouc()" value="收藏商品（14235人气）" />
</nav>
<!-- article -->
<article id="mainArticle">
    <p id="one">
        卡罗莱品牌正品牌机械表女士手表名女表防水简约气质新款十大潮流<br/>
       <mark>热销爆款 进口机芯 品质保障 无忧购</mark> 
    </p>
    <table id="jg">
        <tr>
            <th>价格</th><td>￥ <s> 6000.00</s></td>
        </tr>
        <tr>
            <th>促销价</th><td id="jgg">￥ <strong> 5800.00</strong></td>
        </tr>
        <tr>
            <th></th><td id="jg2"><u>淘金币可抵扣商品价格5%</u></td>
        </tr>
    </table>
    <div class="yuexiao">
        <span>月销量 200+</span>
        |
        <span>累计评价 2679</span>
        |
        <span>送积分 794</span>
    </div>
    <table>
        <tr>
           <th>数量</th>
           <td id="two"> <input type="number" min="1" max="100" value="1" id="shuliang" name="shuliang"/></td> 
           <td>库存3373件</td> <td>&nbsp;&nbsp;推荐指数：<span id="tj"></span></td>
        </tr>
    </table>
    <div>
        <button type="submit" id="b1">立即购买</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <button type="submit" id=b2>加入购物车</button>
    </div>
</article>
    
</body>
</html>